import Vue from 'vue'
import VueRouter from 'vue-router'
//懒加载
const Login = () => import("../components/Login.vue")
const Home = () => import("../components/Home.vue")
const Welcome = () => import("../components/Welcome.vue")
const Users = () => import("../components/user/Users.vue")
const Rights = () => import("../components/power/Rights.vue")
const Roles = () => import("../components/power/Roles.vue")
const Cate = ()=>import("../components/goods/Cate.vue")
const Params = () => import("../components/goods/Params.vue")
const GoodList = () => import("../components/goods/List.vue")
const GoodsAdd = () => import("../components/goods/Add.vue")
const Orders = () => import("../components/orders/Orders.vue")
const Reports = () => import("../components/reports/reports.vue")



Vue.use(VueRouter)

const routes = [

  { path: "/", redirect: "/login" },
  { path: "/login", component: Login },
  {
    path: "/home",
    component: Home,
    redirect: "/welcome",
    children: [
      { path: "/welcome", component: Welcome },
      { path: "/users", component: Users },
      { path: "/rights", component: Rights },
      { path: "/roles", component: Roles },
      { path: "/categories", component: Cate },
      { path: "/params", component: Params },
      { path: "/goods", component: GoodList },
      { path: "/goods/add", component: GoodsAdd },
      { path: "/orders", component: Orders },
      { path: "/reports", component: Reports },
    ],
  }

]

const router = new VueRouter({
  mode: "history",
  routes
})

export default router

router.beforeEach((to, from, next) => {
  if (to.path === "/login") return next();
  const tokenStr = window.sessionStorage.getItem("token");
  if (!tokenStr) return next("/login");
  next();
})
